<!DOCTYPE html >
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>使用getScript()方法异步加载并执行js文件</title>
		<script src="./jquery.js" type="text/javascript"></script>
	</head>
	<body>
		<div id="divtest">
				<label for="btnShow">我最喜欢的一项运动</label>
				<input id="btnShow" type="button" value="加载" click="" />
			<ul></ul>
		</div>
		<script type="text/javascript">
			// 点击“加载”按钮
			// 调用getScript()加载并执行服务器中指定名称的js格式的文件
			// 并在页面中显示加载后的数据内容
			$(function() {
				$("#btnShow").bind("click", function() {
					var $this = $(this);
					$.getScript("http://localhost:8080/jqurey-test-demo/sport_f.js", function(data) {
						$this.attr("disabled", "true")
					})
				})
			});
		</script>
	</body>
</html>
